<template>
  <page-view class="page-view" :title="false">
    <div slot="headerContent">
      <a-breadcrumb class="s-breadcrumb">
        <a-breadcrumb-item>排课管理</a-breadcrumb-item>
        <a-breadcrumb-item><nuxt-link to="/time/TimetableExchangeIndex">代课管理</nuxt-link></a-breadcrumb-item>
      </a-breadcrumb>
    </div>

    <!-- 查询和其他操作 -->
    <a-card class="s-card">
      <div class="modules-content">
        <div class="search-content" style="justify-content: space-between;">
          <a-radio-group v-model="value">
            <a-radio-button value="TimetableExchangeApplyIndex">代课列表</a-radio-button>
            <a-radio-button value="TimetableExchangeSettingIndex">代课审批设置</a-radio-button>
          </a-radio-group>
        </div>
        <div class="modules-content">
          <TimetableExchangeApplyIndex v-if="value === 'TimetableExchangeApplyIndex'" />
          <TimetableExchangeSettingIndex v-if="value === 'TimetableExchangeSettingIndex'" />
        </div>
      </div>
    </a-card>
  </page-view>
</template>
<style>
</style>
<script>
import { STable, PageView } from '@/components'
import TimetableExchangeApplyIndex from '@/pages/timetable/modules/TimetableExchangeApplyIndex'
import TimetableExchangeSettingIndex from '@/pages/timetable/modules/TimetableExchangeSettingIndex'

export default {
  name: 'TimetableExchangeIndex',
  components: {
    STable,
    PageView,
    TimetableExchangeApplyIndex,
    TimetableExchangeSettingIndex
  },
  data () {
    return {
      value: 'TimetableExchangeApplyIndex'
    }
  }
}
</script>
